<template>
	<view>
		<view class="box">
			<view class="icon">
				<view class="circle">
					<u-icon name="lock" color="#fff" size="50"></u-icon>
				</view>
				<view class="title">
					您正在锁定账号
				</view>
			</view>
		</view>
		<view class="question">
			<view class="question-list">
				<view class="question-title">
					1.什么情况下需要锁定账号？
				</view>
				<view class='content'>自己或朋友账号被盗、手机丢失、可以锁定账号保护账号的隐私、资金安全</view>
			</view>
			<u-line></u-line>
			<view class="question-list">
				<view class="question-title">
					2.锁定后会怎样?
				</view>
				<view class='content'>锁定后账号会被登出,确认无风险后可再次登录解锁账号锁定期间任何人无法使用该账号</view>
				<view class='content'>账户信息不会被删除,仍然可以接受消息</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		
	}
</script>

<style lang="scss" scoped>
	.box{
		.icon{
			height: 440upx;
			background-color: #2FD9C0;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			.circle{
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
				border: 2upx solid #fff;
				height: 220upx;
				width: 220upx;
			}
			.title{
				margin-top: 50upx;
				color: #fff;
			}
		}
	}
	.question{
		.question-list{
			padding: 40upx;
			color: #000;
			font-size: 28upx;
			.question-title{
				margin-bottom: 20upx;
			}
			.content{
				font-size: 26upx;
				color: #999999;
			}
		}
	}
</style>